.tab{
    padding: 10rpx 30rpx;
    white-space: nowrap;
    height: 122rpx;
    z-index: 50;
    position: relative;
    background-color: #FFFFFF;
    box-sizing: border-box;
    display: flex;
    border: 2rpx solid #f0f0f0;
    width: 100%;
    .item{
        display: inline-block;
        height: 110rpx;
        flex-shrink: 0;
        text-align: center;
        position: relative;
        .title{
            font-size:30rpx;
            font-weight:bold;
            color:rgba(73,73,73,1);
            width: 176rpx;
        }
        .tips{
            padding: 4rpx 0;
            margin: 10rpx 20rpx;
            color: #8E8E8E;
            font-size:22rpx;
            border-radius: 40rpx;
            width: 146rpx;
        }
    }
    .item::after{
        content: "";
        width: 2rpx;
        height: 60rpx;
        position: absolute;
        background-color: #EDEDED;
        right: 0rpx;
        top: 30rpx;
    }
    .flex{
        flex: 1;
        display: flex;
        flex-direction:column;
        justify-content: center;
        align-items: center;
    }
    .current{
        .title{
            color: #00CC65;
        }
        .tips{
            color: #ffffff;
            font-size:26rpx;
            background:linear-gradient(to right, #A0E329,#46C200);
        }
    }
    
    .item:last-child::after{
        content: "";
        width: 2rpx;
        height: 60rpx;
        position: absolute;
        background-color: #ffffff;
        right: 0rpx;
        top: 30rpx;
    }
}